<!DOCTYPE HTML>
<html lang="zh-CN">
<head><meta name="generator" content="Hexo 3.8.0">
    <!--Setting-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="apple-mobile-web-app-capable" content="我是一条老鱼">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <meta name="browsermode" content="application">
    <meta name="screen-orientation" content="portrait">
    <meta name="theme-version" content="1.2.3">
    <meta name="root" content="/blog/">
    <link rel="dns-prefetch" href="http://lexizhi.gitee.io/blog">
    <!--SEO-->

    <meta name="keywords" content="HTML">


    <meta name="description" content="Nodejs npm cnpm 自定义安装配置
自定义 Nodejs 安装目录
配置 全局安装
安装 cnpm，配置环境。

简介：什么是npm和cnpm
npm（node package ma...">



<meta name="robots" content="all">
<meta name="google" content="all">
<meta name="googlebot" content="all">
<meta name="verify" content="all">

    <!--Title-->


<title>Nodejs npm cnpm 自定义安装配置 | 我是一条老鱼</title>


    <link rel="alternate" href="/atom.xml" title="我是一条老鱼" type="application/atom+xml">


    <link rel="icon" href="/favicon.ico">

    



<link rel="stylesheet" href="/blog/css/bootstrap.min.css?rev=3.3.7">
<link rel="stylesheet" href="/blog/css/font-awesome.min.css?rev=4.5.0">
<link rel="stylesheet" href="/blog/css/style.css?rev=@@hash">




    
	<div class="hide">
		<script type="text/javascript">
			var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan class='cnzz_stat_icon_1263868967 hide' %3E%3Cscript%20src%3D%22https%3A%2F%2Fs95.cnzz.com%2Fz_stat.php%3Fweb_id%3D1272564536%22%3E%3C%2Fscript%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1263868967%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
		</script>
	</div>






    

<link rel="stylesheet" href="/blog/css/prism-tomorrow.css" type="text/css"></head>

</html>
<!--[if lte IE 8]>
<style>
    html{ font-size: 1em }
</style>
<![endif]-->
<!--[if lte IE 9]>
<div style="ie">你使用的浏览器版本过低，为了你更好的阅读体验，请更新浏览器的版本或者使用其他现代浏览器，比如Chrome、Firefox、Safari等。</div>
<![endif]-->

<body>
    <header class="main-header" style="background-image:url(http://snippet.shenliyang.com/img/banner.jpg)">
    <div class="main-header-box">
        <a class="header-avatar" href="/" title="LaoYu">
            <img src="/blog/img/avatar.jpg" alt="logo头像" class="img-responsive center-block">
        </a>
        <div class="branding">
        	<!--<h2 class="text-hide">Snippet主题,从未如此简单有趣</h2>-->
            
                <h2> 学编程从未如此简单有趣 </h2>
            
    	</div>
    </div>
</header>
    <nav class="main-navigation">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="navbar-header"><span class="nav-toggle-button collapsed pull-right" data-toggle="collapse" data-target="#main-menu" id="mnav">
                    <span class="sr-only"></span>
                        <i class="fa fa-bars"></i>
                    </span>
                    <a class="navbar-brand" href="http://lexizhi.gitee.io/blog">我是一条老鱼</a>
                </div>
                <div class="collapse navbar-collapse" id="main-menu">
                    <ul class="menu">
                        
                            <li role="presentation" class="text-center">
                                <a href="/blog"><i class="fa "></i>首页</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/categories/h5/"><i class="fa "></i>web前端</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/categories/后端/"><i class="fa "></i>后端</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/categories/工具/"><i class="fa "></i>工具</a>
                            </li>
                        
                            <li role="presentation" class="text-center">
                                <a href="/archives/"><i class="fa "></i>时间轴</a>
                            </li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>
    <section class="content-wrap">
        <div class="container">
            <div class="row">
                <main class="col-md-8 main-content m-post">
                    <p id="process"></p>
<article class="post">
    <div class="post-head">
        <h1 id="Nodejs npm cnpm 自定义安装配置">
            
	            Nodejs npm cnpm 自定义安装配置
            
        </h1>
        <div class="post-meta">
    
        <span class="categories-meta fa-wrap">
            <i class="fa fa-folder-open-o"></i>
            <a class="category-link" href="/blog/categories/教程/">教程</a>
        </span>
    

    
        <span class="fa-wrap">
            <i class="fa fa-tags"></i>
            <span class="tags-meta">
                
                    <a class="tag-link" href="/blog/tags/HTML/">HTML</a>
                
            </span>
        </span>
    

    
        
        <span class="fa-wrap">
            <i class="fa fa-clock-o"></i>
            <span class="date-meta">2019/05/26</span>
        </span>
        
            <span class="fa-wrap">
                <i class="fa fa-eye"></i>
                <span id="busuanzi_value_page_pv"></span>
            </span>
        
    
</div>
            
            
    </div>
    
    <div class="post-body post-content">
        <h1 id="Nodejs-npm-cnpm-自定义安装配置"><a href="#Nodejs-npm-cnpm-自定义安装配置" class="headerlink" title="Nodejs npm cnpm 自定义安装配置"></a>Nodejs npm cnpm 自定义安装配置</h1><ul>
<li>自定义 Nodejs 安装目录</li>
<li>配置 全局安装</li>
<li>安装 cnpm，配置环境。</li>
</ul>
<p><strong>简介：什么是npm和cnpm</strong></p>
<p><strong>npm（node package manager）</strong>：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） </p>
<p><strong>cnpm</strong>:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”</p>
<p><strong>一、安装Nodejs</strong></p>
<p>1、首先前往nodejs官网<a href="http://nodejs.cn/download/" target="_blank" rel="noopener">下载nodejs</a> </p>
<p><img src="clipboard.png" alt="img"></p>
<p>2、将 Node JS 安装至 “<strong>D:\Program Files (x86)</strong>”（环境变量中<strong>默认</strong>会添加至PATH，在PATH中可以见到路径配置<strong>D:\Program Files (x86)</strong>）</p>
<p><img src="clipboard.png" alt="img"></p>
<p><img src="clipboard.png" alt="img"></p>
<p>3、<strong>window+R</strong>,输入<strong>cmd</strong>,打开命令提示符窗口，输入：</p>
<p>检测是否安装成功，如果输出版本号，则表示安装成功，如图：</p>
<p><img src="clipboard.png" alt="img"></p>
<p><strong>二、改变原有的环境变量</strong></p>
<p>1、首先配置npm的全局模块的存放路径、cache的路径，此处我选择放在：<code>D:\Program Files (x86)\nodejs</code></p>
<p>输入如下命令：</p>
<p>如下图所示：</p>
<p><img src="clipboard.png" alt="img"></p>
<p>完成后可以在文件夹中看到相应名字的文件夹，如下：</p>
<p><img src="clipboard.png" alt="img"></p>
<p>2、在系统环境变量添加NODE_PATH,输入路径为： </p>
<p><strong>D:\Program Files (x86)\nodejs\node_global</strong> </p>
<p>操作如下：我的电脑右击，打开属性-&gt;高级系统设置-&gt;环境变量-&gt;新建（系统变量下）-&gt;输入变量名NODE_PATH-&gt;变量值：输入上面路径，确定即可。 </p>
<p><img src="clipboard.png" alt="img"></p>
<p>3、在命令行输入以下命令安装express（注：“-g”表示安装到global目录下，就是上面设置的node_global中）</p>
<p><img src="clipboard.png" alt="img"></p>
<p>可以看到node_global/node_modules下有express了，如图：</p>
<p><img src="clipboard.png" alt="img"></p>
<p>4、在命令行输入node进入编辑模式，输入以下代码检测是否能正常加载模块：</p>
<p><img src="clipboard.png" alt="img"></p>
<p>如果成功，如上图显示；如果出错，检测下上面配置的NODE_PATH是否配置或者配置正确。</p>
<p><strong>三、安装cnpm</strong></p>
<p>1、安装cnpm，输入以下命令：</p>
<p>如下图： </p>
<p><img src="clipboard.png" alt="img"></p>
<p>2、输入cnpm -v ，检测是否正常，但是这里会报错。 </p>
<p>3、添加系统变量path的内容 </p>
<p>因为cnpm会被安装到<strong>D:\Program Files (x86)**</strong>\nodejs\node_global**下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。 </p>
<p>如图，修改系统变量path：</p>
<p><img src="clipboard.png" alt="img"></p>
<p>然后再次输入cnpm -v ，结果如下： </p>
<p><img src="clipboard-1559294265768.png" alt="img"></p>

    </div>
    
    <div class="post-footer">
        <div>
            
                转载声明：商业转载请联系作者获得授权,非商业转载请注明出处 © <a href target="_blank">Snippet</a>
            
        </div>
        <div>
            
        </div>
    </div>
</article>

<div class="article-nav prev-next-wrap clearfix">
    
        <a href="/blog/2019/05/29/第一章-HTML5基础/" class="pre-post btn btn-default" title="第一章  HTML5基础">
            <i class="fa fa-angle-left fa-fw"></i><span class="hidden-lg">上一篇</span>
            <span class="hidden-xs">第一章  HTML5基础</span>
        </a>
    
    
        <a href="/blog/2019/05/26/使用Gitee-Hexo搭建个人博客/" class="next-post btn btn-default" title="使用Gitee+Hexo搭建个人博客">
            <span class="hidden-lg">下一篇</span>
            <span class="hidden-xs">使用Gitee+Hexo搭建个人博客</span><i class="fa fa-angle-right fa-fw"></i>
        </a>
    
</div>


    <div id="comments">
        
	
    <div id="vcomments" class="valine"></div>
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src="/blog/assets/valine.min.js"></script>

    <script>
        new Valine({
            av: AV,
            el: '#vcomments',
            appId: 'xOKV9J4UeQAtVkvnJC7Kq2Jn-gzGzoHsz',
            appKey: 'erIpQac4azoCmgfBB7Dl9maa',
            placeholder: '说点什么吧',
            notify: false,
            verify: true,
            avatar: 'mm',
            meta: 'nick,mail'.split(','),
            pageSize: '10',
            path: window.location.pathname,
            lang: 'zh-CN'.toLowerCase()
        })
    </script>


    </div>





                </main>
                
                    <aside id="article-toc" role="navigation" class="col-md-4">
    <div class="widget">
        <h3 class="title">文章目录</h3>
        
            <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Nodejs-npm-cnpm-自定义安装配置"><span class="toc-text">Nodejs npm cnpm 自定义安装配置</span></a></li></ol>
        
    </div>
</aside>

                
            </div>
        </div>
    </section>
    <footer class="main-footer">
    <div class="container">
        <div class="row">
        </div>
    </div>
</footer>

<a id="back-to-top" class="icon-btn hide">
	<i class="fa fa-chevron-up"></i>
</a>




    <div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="busuanzi">
    
        访问量:
        <strong id="busuanzi_value_site_pv">
            <i class="fa fa-spinner fa-spin"></i>
        </strong>
        &nbsp; | &nbsp;
        访客数:
        <strong id="busuanzi_value_site_uv">
            <i class="fa fa-spinner fa-spin"></i>
        </strong>
    
</div>

            </div>
            <div class="col-sm-12">
                <span>Copyright &copy; 2017
                </span> |
                <span>
                    Powered by <a href="//hexo.io" class="copyright-links" target="_blank" rel="nofollow">Hexo</a>
                </span> |
                <span>
                    Theme by <a href="//github.com/shenliyang/hexo-theme-snippet.git" class="copyright-links" target="_blank" rel="nofollow">Snippet</a>
                </span>
            </div>
        </div>
    </div>
</div>






    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>


<script src="/blog/js/app.js?rev=@@hash"></script>

</body>
</html>